<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Welcome! Login</title>
	   <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Loading Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="css/flat-ui.css" rel="stylesheet">
    <link href="css/base.css" rel="stylesheet">
    <link rel="shortcut icon" href="images/favicon.ico">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <style type="text/css">
		.login{
			margin:45px auto 0;
			width: 864px;
		}
		.login-screen{
			background-color:#7F8C8D;
		}
    </style>
    <script type="text/javascript">
        $(function(){
            $("#login").click(function(){
                var result = false;
                var data = {};
                data.email = document.getElementById("login-name").value;
                data.password = document.getElementById("login-pass").value;
                debugger
                $.post('user/login.do',data,function(rs){
                    debugger
                    if(rs == 0){
                        location.href="index.html";
                    }
                },'text');
            });
        });
    </script>
</head>
<body>
	<div class="login">
        <div class="login-screen" >
          <div class="login-icon">
            <img src="images/login/icon.png" alt="Welcome to FC Broad">
            <h4>Welcome to <small>FC Broad</small></h4>
          </div>

          <div class="login-form">
            <div class="control-group">
              <input type="text" class="login-field" value="" placeholder="Enter your Email" id="login-name">
              <label class="login-field-icon fui-man-16" for="login-name"></label>
            </div>

            <div class="control-group">
              <input type="password" class="login-field" value="" placeholder="Password" id="login-pass">
              <label class="login-field-icon fui-lock-16" for="login-pass"></label>
            </div>

            <a id="login" class="btn btn-large btn-block" href="#">Login</a>
          </div>
        </div>
      </div>
</body>
</html>